<template>
  <view class="container">
    <u-navbar
      backIconColor="#333333"
      title-size="36"
      height="50"
      :is-back="true"
      :border-bottom="false"
    ></u-navbar>
    <view class="image"
      ><u-image :src="`${getImageUrl('scusse.png')} `" width="566rpx" height="322rpx"></u-image
    ></view>
    <view class="green gx">恭喜您兑换成功！</view>
    <view class="des"
      >您可以进入
      <text class="green" @click="routeTo('/alliance/beans')">联盟豆</text> 查看您的兑换记录！</view
    >
    <view class="bt" @click="routeTo('/alliance/beans')">查看兑换记录</view>
    <view class="bt back" @click="routeTo('/alliance/user')">返回云盟商家</view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {
    routeTo(url) {
      this.$utils.route(url)
    }
  }
}
</script>

<style lang="scss" scoped>
page {
  background: #ffffff;
}
.container {
  text-align: center;
}
.image {
  width: 566rpx;
  margin: 60rpx auto;
}
.green {
  color: #10a28f;
  font-weight: 600;
  margin: 0 10rpx;
}
.gx {
  font-size: 38rpx;
}
.des {
  font-size: 30rpx;
  color: #333333;
  margin-top: 45rpx;
  margin-bottom: 215rpx;
}
.bt {
  width: 650rpx;
  margin: auto;
  height: 80rpx;
  background: #10a28f;
  border-radius: 40rpx;
  font-size: 30rpx;
  color: #ffffff;
  text-align: center;
  line-height: 80rpx;
  margin-bottom: 40rpx;
}
.back {
  border: 1px solid #10a28f;
  background-color: #fff;
  color: #10a28f;
}
</style>
